<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/layui/layui.css" media="all">
    <link rel="stylesheet" href="./static/css/gouwuce.css">
    <title>购物车</title>
</head>

<body>
    <!-- header s -->
    <div class="header">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 金属零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">模具加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 零件购买</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">资讯</a>
            </li>
            <li class="header_border">
                <a href="javascript:void(0)">在线报价</a>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                <a href="javascript:void(0)"> 注册</a>
            </li>
            <li class="header_line">
                |
            </li>
            <li class="denglu login_base">
                <a href="javascript:void(0)">登录</a>
            </li>
        </ul>
    </div>
    <!--header e  -->
    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->
    <!-- 购物车 haeder -->
    <div class="gouwuce_header">
        <p class="gouwuce_list_header">
            我的购物流程
        </p>
        <ul class="gouwuce_list o_f_h">
            <li class="list_name_cover first_covert">
                <p class="circle_list">
                    01
                </p>
                <p class="list_w">
                    购物车
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list circle_list_change_c">
                    02
                </p>
                <p class="list_w">
                    确认订单
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list circle_list_change_c">
                    03
                </p>
                <p class="list_w">
                    支付
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list circle_list_change_c">
                    04
                </p>
                <p class="list_w">
                    完成
                </p>
            </li>

        </ul>
    </div>
    <!-- 购物车 haeder -->

    <!-- main table s -->
    <div class="wrapper_table">
        <table class="layui-table" lay-skin="line">
            <colgroup>
                <col width="100">
                <col width="100">
                <col width="100">
                <col width="90">
                <col width="100">
                <col width="100">
            </colgroup>
            <thead>
                <tr>
                    <th>商品</th>
                    <th>详情</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计（美元）</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <img src="./static/img/index/pho_3D_model@3x.png" alt="" style="width: 140px;display:block;margin: 0 auto;">
                        <p style="text-align: center;font-size: 14px;">
                            53ad8f8947085.stp
                        </p>
                    </td>
                    <td>工艺: CNC 材料:ABS（米黄） 表面处理:无 UV:否 表面印刷:无 发货周期:3~5工作日</td>
                    <td>￥1372.00</td>
                    <td>
                        <ul class="base_opt_c_wrapper">
                            <li class="base_opt_c reduce base_opt_c_top">
                                -
                            </li>
                            <li class="num">
                                1
                            </li>
                            <li class="base_opt_c plus">
                                +
                            </li>
                        </ul>
                    </td>
                    <td>￥1372.00</td>
                    <td>
                        <a href="#" class="table_x">X</a>
                    </td>
                </tr>

            </tbody>
        </table>
    </div>

    <div class="finish o_f_h">
        <div class="f_r">
            <span style="color:#333333;font-size: 16px;">合计</span>
            <span style="font-size: 17px;color:#999999;">（不含运费）</span>：
            <span style="color:#008EFF;font-size: 20px;">￥43.00 </span>
            <span class="finish_btn" style="display:inline-block;color:#fff;background-color: #008EFF;height: 40px;width:90px;line-height: 40px;text-align: center;font-size:20px;border-radius: 4px;">
                结算
            </span>

        </div>


    </div>
    <div class="sssss">
        <p class="f_r last_warn">
            <span class="icon_gantan">!</span>价格以结算页面为准
        </p>
    </div>



    <!-- main tablee -->


    <!-- footer s -->
    <div class="footer">
        <div class="footer_inner o_f_h" style="margin-top:0;">
            <div class="footer_inner_header o_f_h">

                <ul class="footer_inner_left o_f_h">
                    <li>
                        <a href="">
                            塑料零件加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            金属零件加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            模具加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            资讯
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            应用展示
                        </a>
                    </li>
                </ul>

                <div class="footer_inenr_right">
                    EASY-RD
                </div>
            </div>

            <div class="footer_middle">
                友情链接：
                <a href="">博实永道深圳3d打印服务</a>
                <a href="">91打印</a>
                <a href="">蓝鲸工业设计</a>
                <a href="">360VR导航无人机</a>
                <a href="">世界新奇谷大数据</a>
                <a href="">重量检测机</a>
                <a href="">智能汽车</a>
                <a href="">3D打印资源库</a>
                <a href="">全球玻璃机械网</a>
            </div>

            <div class="footer_last_div">
                Copyright © 2018 云工厂 XXXXXXXX.com | 粤ICP备000000号-1
            </div>

        </div>
    </div>
    <!-- footer e -->

</body>
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>
    var reduce = $(".reduce").eq(0);
    var plus = $(".plus").eq(0);
    var num = $(".num").eq(0);

    reduce.click(function () {
        var num_inner = Number(num.text());
        if (num_inner == 0) return;
        num.text(num_inner - 1)
    })

    plus.click(function () {
        num.text(Number(num.text()) + 1)
    })
</script>

</html>